<script setup lang="ts">
import TitleBar from "./TitleBar.vue";
import UIToolBar from "./UIToolBar.vue";
import InfoPanel from "./InfoPanel.vue";
import { ref } from 'vue';

</script>

<template>
    <div id="ui">
        <div id="loading" class="text-overlay">
            <div>
                LOADING...
            </div>
        </div>
        <div id="paused-text" class="text-overlay" style="visibility: hidden;">
            <div>
                PAUSED
            </div>
        </div>
        <TitleBar></TitleBar>
        <UIToolBar></UIToolBar>
        <InfoPanel></InfoPanel>
    </div>
</template>

<style scoped></style>
